html {
  background: #FAFAFA;
}
.bgc {
  width: 100%;
  background: url('../image/member/bgc1.png') no-repeat;
  background-size: 100%;
}
.backList {
  box-sizing: border-box;
  width: 97px;
  height: 33px;
  border-radius: 25px 25px 25px 25px;
  border: 1px solid #0094FF;
  font-size: 12px;
  color: #0094FF;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
}
.backList img {
  width: 13px;
  vertical-align: middle;
}
.buycontent {
  margin-top: 20px;
  background-color: #fff;
  font-weight: 500;
  font-size: 13px;
  color: #000000;
}
.buycontent .oneC,
.buycontent .oneT {
  width: 111px;
  text-align: center;
}
.buycontent .twoC,
.buycontent .twoT {
  width: 200px;
  text-align: center;
}
.buycontent .threeT,
.buycontent .threeC,
.buycontent .fourC,
.buycontent .fourT {
  width: 277px;
  padding: 0 15px;
  box-sizing: border-box;
}
.buycontent .threeT {
  background: #0094FF;
  display: flex;
  justify-content: space-between;
  color: #FFFFFF;
  border-right: 1px solid #fff;
}
.buycontent .fourT {
  background: #57CD8C;
  display: flex;
  justify-content: space-between;
  color: #FFFFFF;
}
.buycontent .ctr:nth-child(even) {
  background-color: #FAFAFA;
}
.reserve {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  height: 28px;
  line-height: 28px;
}
.reserve .el-checkbox__label {
  padding-left: 0;
}
.el-checkbox {
  margin-right: 0;
}
.threeT .el-checkbox__label,
.fourT .el-checkbox__label {
  color: #fff;
}
.fourC .el-checkbox__input.is-checked .el-checkbox__inner,
.fourT .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #57CD8C;
  border-color: #57CD8C;
}
.fourC .el-checkbox__input.is-checked + .el-checkbox__label,
.fourT .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #57CD8C;
}
.selectContent {
  border-top: 1px solid #EEEEEE;
  padding: 17px;
  display: flex;
  justify-content: space-between;
}
.selectContent .title {
  font-weight: 500;
  font-size: 15px;
  color: #0094FF;
}
.selectContent .title span {
  font-size: 10px;
  color: #999999;
  display: inline-block;
  margin-left: 7px;
}
.el-collapse-item__header,
.el-collapse-item__wrap {
  background-color: transparent;
}
.el-collapse-item__header {
  font-weight: 600;
  font-size: 15px;
}
.el-collapse-item__content {
  font-size: 12px;
  color: #999999;
  padding-bottom: 13px;
}
.threeT .el-checkbox__label,
.fourT .el-checkbox__label {
  color: #ffff !important;
}
.dialog {
  width: 100vw;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 9;
}
.dialog .diaText {
  padding: 0 40px;
}
.dialog .diaText > div {
  margin-top: 13px;
  display: flex;
  font-weight: 500;
  font-size: 17px;
  color: #333333;
}
.dialog .diaText > div span {
  font-size: 10px;
}
.dialog .diaText > div p {
  width: 115px;
  font-weight: 400;
}
.dialog .zf {
  justify-content: center;
}
.dialog .zf img {
  width: 73px;
}
.dialog .btn {
  justify-content: center;
}
.dialog .btn button {
  width: 100px;
  height: 25px;
  background: #0094FF;
  border-radius: 3px 3px 3px 3px;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
}
.tbg {
  width: 455px;
  height: 445px;
  background: url(../image/customize/tbg.png) no-repeat;
  background-size: 100% 100%;
  margin: 15% auto;
}
